<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Бележник</title>
	<link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>
<body>
	<div id="header">
		<div class="header_left">
			Бележник <span class="note">version 0.1 alpha</span>
		</div>
		<div class="header_right">
			<span>penkovski@gmail.com</span> | 
			<span><a href="">settings</a></span> |
			<span><a href="">logout</a></span>		
		</div>
	</div>
	<div id="content">
		<div id="content_left">
			<div id="newtask">
				<div><label class="title">Нова задача:</label></div>
				<div>
					<input type="text" name="newtask" size="80"/>
					<input type="submit" name="submit" value="Добави"/>
				</div>
			</div>
			
			<div id="div_tasklist">
				<table id="task_table" cellspacing="0" cellpadding="10" border="0" width="100%">
				<thead>
					<tr><td>[+] Today</td></tr>
				</thead>	
				<tbody>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
				</tbody>
				</table>
				<table id="task_table" cellspacing="0" cellpadding="10" border="0" width="100%">
				<thead>
					<tr><td>[+] Yesterday</td></tr>
				</thead>	
				<tbody>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
				</tbody>
				</table>
				<table id="task_table" cellspacing="0" cellpadding="10" border="0" width="100%">
				<thead>
					<tr><td>[+] Before yesterday</td></tr>
				</thead>	
				<tbody>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
				</tbody>
				</table>
				<table id="task_table" cellspacing="0" cellpadding="10" border="0" width="100%">
				<thead>
					<tr><td>[+] Before a week</td></tr>
				</thead>	
				<tbody style="display:none;">
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
				</tbody>
				</table>
				<table id="task_table" cellspacing="0" cellpadding="10" border="0" width="100%">
				<thead>
					<tr><td>[+] Before a month</td></tr>
				</thead>	
				<tbody>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
					<tr><td><input type="checkbox" name="checkbox"/>&nbsp;&nbsp;task 1</td></tr>
				</tbody>
				</table>
			</div>
		</div>	
		<div id="content_right">
			<div class="title">Категории</div>
			<div style="margin-top:10px;">
				<span style="font-size:12px;font-weight:bold;">работа</span>&nbsp;
				<span style="font-size:10px;">лични</span>&nbsp;
				<span style="font-size:10px;font-weight:bold;">почивка</span>&nbsp;<br/>
				<span style="font-size:14px;">Oбразование</span>&nbsp;
				<span style="font-size:10px;">кола</span>&nbsp;
			</div>
		</div>
	</div>
	<div id="footer"></div>
</body>
</html>